<!-- 边框组件 -->
<template>
	<el-col ref="Box" :span="span||7" class="BoxClass">
		<div class="TitleClass">
			{{title || '标题'}}
		</div>
		<slot></slot>
	</el-col>
</template>

<script>
	export default {
		props:['title','span'],
		mounted() {
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	.BoxClass {
		border: rgba(141, 141, 141, 1) solid 2px;
		border-radius: 10px;
		padding: 5px;
		position: relative;
		margin: 10px;
		box-shadow: 2px 4px 9px -1px #c8e2eb;

		.TitleClass {
			position: absolute;
			background: #ffffff;
			left: 33px;
			top: -14px;
			padding: 2px 24px;
		}
	}
</style>
